<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/Tr</xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>MEGA 2.0</title>
        <meta http-equiv="X-UA-Compatible" content="IE=Edge" />
        <link rel="stylesheet" type="text/css" href="../css/style.css" />
        <script type="text/javascript" src="../js/jquery-2.1.1.js"></script>
		<script type="text/javascript">
        $(document).ready(function() {  

		$('.membership-button').unbind('click');
        $('.membership-button').bind('click',function(e)
        {
            var $membershipBlock = $(this).closest('.reg-st3-membership-bl');

            $('-reg-st3-membership-bl').removeClass('selected');
            $membershipBlock.addClass('selected');

            var account_type_num = $membershipBlock.attr('data-payment');
            $('.membership-selected-block').html($membershipBlock.clone());
            var proPlanName = $membershipBlock.find('.reg-st3-bott-title.title').html();
            
            // Update header text with plan
            var $selectedPlanHeader = $('.step2-block .bandwidth-header');
			$selectedPlanHeader.html('You have selected the %1 plan');
            var selectedPlanText = $selectedPlanHeader.html().replace('%1', proPlanName);
            $selectedPlanHeader.html(selectedPlanText);
            $('.bandwidth-dialog').addClass('membership-step2');
            
        });
		
		$('.bandwidth-back-button').unbind('click');
        $('.bandwidth-back-button').bind('click',function(e)
        {
            $('.bandwidth-dialog').removeClass('membership-step2');
            
        });

			  
		});
        
        </script>
        
    </head>

<body id="bodyel" class="bottom-pages">

<div class="fm-dialog-overlay"></div>

<div class="fm-dialog bandwidth-dialog">
	<div class="fm-dialog-close"></div>
    <div class="bandwidth-back-button">
    	back
    </div> 
	<div class="nw-fm-dialog-title">Free bandwidth quota exceeded<span></span></div>
    
    <div class="step1-block">
        <div class="bandwidth-header"> Please upgrade to PRO to continue immediately, or wait 87 minutes to continue for free. </div>
        <div class="bandwidth-gradient">
            <div class="reg-st3-membership-bl pro4 selected" data-payment="4">
              <div class="membership-pad-bl">
                <div class="membership-gray-block">
                  <div class="membership-new-offer"> <svg width="98px" height="98px" viewBox="0 0 98 98" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
                    <title>new-offer</title>
                    <desc>New offer</desc>
                    <defs></defs>
                    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
                      <path d="M58,0 L98,0 L0,98 L0,58 L58,0 Z" id="Rectangle-34" opacity="0.799999952" fill="#61D2FF" sketch:type="MSShapeGroup"></path>
                      <text id="NEW-OFFER" sketch:type="MSTextLayer" transform="translate(37.500000, 39.000000) rotate(-45.000000) translate(-37.500000, -39.000000) " font-family="Source Sans Pro" font-size="14" font-weight="526" fill="#FFFFFF">
                        <tspan x="2" y="44">[$6192]</tspan>
                      </text>
                    </g>
                    </svg> </div>
                  <div class="reg-st3-membership-icon"></div>
                  <div class="reg-st3-bott-title title">LITE</div>
                  <div class="reg-st3-bott-title price"><span class="num">4<span class="small">.99 &euro;</span></span><span class="period">/month</span></div>
                </div>
                <div class="reg-st3-storage">
                  <div class="reg-st3-big-txt">200 <span>GB</span></div>
                  <div class="reg-st3-mid-txt">STORAGE</div>
                  <div class="clear"></div>
                </div>
                <div class="reg-st3-bandwidth">
                  <div class="reg-st3-big-txt">1 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">BANDWIDTH</div>
                  <div class="clear"></div>
                </div>
                <div class="membership-button"><span>SELECT</span></div>
              </div>
            </div>
            <div class="reg-st3-membership-bl pro1" data-payment="1">
              <div class="membership-pad-bl">
                <div class="membership-gray-block">
                  <div class="reg-st3-membership-icon"></div>
                  <div class="reg-st3-bott-title title">PRO I</div>
                  <div class="reg-st3-bott-title price"><span class="num">9<span class="small">.99 &euro;</span></span><span class="period">/month</span></div>
                </div>
                <div class="reg-st3-storage">
                  <div class="reg-st3-big-txt">500 <span>GB</span></div>
                  <div class="reg-st3-mid-txt">STORAGE</div>
                  <div class="clear"></div>
                </div>
                <div class="reg-st3-bandwidth">
                  <div class="reg-st3-big-txt">2 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">BANDWIDTH</div>
                  <div class="clear"></div>
                </div>
                <div class="membership-button"><span>SELECT</span></div>
              </div>
            </div>
            <div class="reg-st3-membership-bl pro2" data-payment="2">
              <div class="membership-pad-bl">
                <div class="membership-gray-block">
                  <div class="reg-st3-membership-icon"></div>
                  <div class="reg-st3-bott-title title">PRO II</div>
                  <div class="reg-st3-bott-title price"><span class="num">19<span class="small">.99 &euro;</span></span><span class="period">/month</span></div>
                </div>
                <div class="reg-st3-storage">
                  <div class="reg-st3-big-txt">2 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">STORAGE</div>
                  <div class="clear"></div>
                </div>
                <div class="reg-st3-bandwidth">
                  <div class="reg-st3-big-txt">4 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">BANDWIDTH</div>
                  <div class="clear"></div>
                </div>
                <div class="membership-button"><span>SELECT</span></div>
              </div>
            </div>
            <div class="reg-st3-membership-bl pro3" data-payment="3">
              <div class="membership-pad-bl">
                <div class="membership-gray-block">
                  <div class="reg-st3-membership-icon"></div>
                  <div class="reg-st3-bott-title title">PRO III</div>
                  <div class="reg-st3-bott-title price"><span class="num">29<span class="small">.99 &euro;</span></span><span class="period">/month</span></div>
                </div>
                <div class="reg-st3-storage">
                  <div class="reg-st3-big-txt">4 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">STORAGE</div>
                  <div class="clear"></div>
                </div>
                <div class="reg-st3-bandwidth">
                  <div class="reg-st3-big-txt">8 <span>TB</span></div>
                  <div class="reg-st3-mid-txt">BANDWIDTH</div>
                  <div class="clear"></div>
                </div>
                <div class="membership-button"><span>SELECT</span></div>
              </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="bandwidth-text-bl first"> 
            <span class="star"></span> Your download could not proceed because it would take you over the current free transfer allowance for you IP address. This limit is dynamic and depends on the amount of unused bandwidth we have available. 
        </div>
        <div class="bandwidth-text-bl second"> 
            You have utilized <strong>532 MB</strong> of data transfer in the last 6 hours which took you over our current limit. To circumvent this limit, you can <span class="red">upgrade to pro</span>, which will give you your own bandwidth package and also ample extra storage space. 
        </div>
        <div class="clear"></div>
    </div>
    
    <div class="step2-block">
        <div class="bandwidth-header">  You have selected the %1 plan </div>
        <div class="bandwidth-gradient">
            <div class="bandwidth-red-txt">Choose your payment method below</div>
        	<div class="bandwidth-centered">
                <div class="membership-selected-block">
                </div>
    
                <div class="membership-st2-info">
                                <div class="membership-payment-pad">
                                    <div class="membership-payment-icon"></div>
                                    <div class="membership-info-pad">
                                        <div class="membership-st2-head">
                                        	Payment options
                                        </div>
                                        <div class="payment-options-list"><div class="payment-method"><div class="membership-radio checked"><input type="radio" name="credit-card" id="credit-card" checked="checked" value="credit-card" data-recurring="true"><div></div></div><div class="membership-radio-label credit-card">Credit card</div></div><div class="payment-method"><div class="membership-radio"><input type="radio" name="bitcoin" id="bitcoin" value="bitcoin" data-recurring="false"><div></div></div><div class="membership-radio-label bitcoin">Bitcoin</div></div></div>
    
                                        <div class="clear"></div>
                                    </div>
                                </div>
                                
                                <div class="clear"></div>
                                
                                <div class="payment-period">
                                    <div class="membership-date">
                                        <span class="month">JAN</span>
                                        <span class="day"> 20</span>
                                    </div>
    
                                    <div class="membership-info-pad">
                                        <div class="membership-st2-head choose-duration">
                                            Choose duration
                                        </div>
                                        <div class="membership-st2-select">
                                            <span> Choose duration </span>
                                            <div class="membership-st2-dropdown">
                                                
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
    
                <div class="clear"></div>
            </div>
        </div>
        
        <div class="membership-center">
                    <div class="membership-bott-price">
                        <strong>00<span>.00 &euro;</span></strong><span class="period">/one time</span>
                    </div>
                    <div class="membership-bott-descr"><span class="red">Get 2 months free</span> if you purchase a one-year pro plan.</div>
                    <div class="membership-bott-button">
                        PURCHASE
                    </div>
       </div>
        
    </div>
    
</div>

</body>
</html>
